@function tovmin($rpx) {
  //$rpx为需要转换的字号
  @return #{$rpx * 100 / 750}vmin;
}
.recommendation_box {
  padding: tovmin(32) tovmin(24) tovmin(40);
  background: #ffffff;
  border-radius: tovmin(20) tovmin(20) 0 0;

  .recommendation_title_box {
    font-size: tovmin(32);
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #313233;
    line-height: tovmin(44);
    text-align: center;
  }

  .recommendation_title_desc {
    margin-top: tovmin(36);
    font-size: tovmin(28);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #65676a;
    line-height: tovmin(40);
    text-align: center;
  }

  .recommendation_title_content {
    margin: tovmin(20) tovmin(60) 0;
    padding: tovmin(32);
    background: #f6f8fb;
    border-radius: tovmin(24);
    font-size: tovmin(28);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #313233;
    line-height: tovmin(40);
  }

  .recommendation_title_reload {
    margin: tovmin(24) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: tovmin(28);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #313233;
    line-height: tovmin(40);
  }

  .recommendation_title_button {
    width: tovmin(400);
    height: tovmin(80);
    background: #1677ff;
    border-radius: tovmin(40);
    margin: tovmin(72) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: tovmin(28);
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #ffffff;
    line-height: tovmin(40);
  }

  .recommendation_title_reload::before {
    width: tovmin(32);
    height: tovmin(34);
    content: "";
    display: block;
    background: url(~@/assert/liveImage/liveImage_42.png) no-repeat;
    background-size: 100% 100%;
    margin-right: tovmin(12);
  }
}

.recommendation_hp_box {
  padding: tovmin(32) tovmin(56);
  width: tovmin(692);
  height: 100%;

  .recommendation_title_box {
    font-size: tovmin(30);
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #313233;
    line-height: tovmin(40);
    text-align: center;
  }

  .recommendation_title_desc {
    margin-top: tovmin(34);
    font-size: tovmin(26);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #65676a;
    line-height: tovmin(36);
    text-align: center;
  }

  .recommendation_title_content {
    margin: tovmin(18) tovmin(56) 0;
    padding: tovmin(30);
    background: #f6f8fb;
    border-radius: tovmin(22);
    font-size: tovmin(26);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #313233;
    line-height: tovmin(36);
  }

  .recommendation_title_reload {
    margin: tovmin(9) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: tovmin(13);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #313233;
    line-height: tovmin(18);
  }

  .recommendation_title_button {
    width: tovmin(185);
    height: tovmin(37);
    background: #1677ff;
    border-radius: tovmin(18);
    margin: tovmin(72) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: tovmin(13);
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #ffffff;
  }

  .recommendation_title_reload::before {
    width: tovmin(16);
    height: tovmin(16);
    content: "";
    display: block;
    background: url(~@/assert/liveImage/liveImage_42.png) no-repeat;
    background-size: 100% 100%;
    margin-right: tovmin(6);
  }
}
